<template>
        <div class="daoTop">
        <div class="daoLeft">
            <p></p>
            <div>医院导航</div> 
        </div>
        <div class="daoRight">
            <el-button type="primary" plain @click="deleteAll">删除选中</el-button>
            <el-button type="primary" @click="openAlert">新增院区</el-button>
        </div>
        </div>
</template>

<script>
import eventBus from '../../../utils/busEvent'
export default {
    methods: {
        deleteAll(){
            eventBus.$emit('deleteAll')
        },
        openAlert(){
            this.$emit('openAlert')
        }
    }
}
</script>

<style>
    .daoTop{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 75px;
    }

    .daoLeft{
        display: flex;
        align-items: center;
        font-size: 25px;
    }
    .daoLeft>p{
        width:25px;
        height: 8px;
        background-color: rgb(0, 110, 255);
        border-radius: 5px;
        margin-right: 10px;
    }
    .is-plain{
        background: rgb(219, 235, 255);
        color: rgb(0, 110, 255);
    }
</style>